.px2rem(@name, @px){
    @{name}: @px / 124 * 1rem;
}
.w(@px){
    .px2rem(width,@px);
}
.h(@px){
    .px2rem(height,@px);
}
.fz(@px){
    .px2rem(font-size,@px);
}
.mt(@px){
    .px2rem(margin-top,@px);
}
.pl(@px){
    .px2rem(padding-left,@px);
}
.ml(@px){
    .px2rem(margin-left,@px);
}
.mr(@px){
    .px2rem(margin-right,@px);
}
.pt(@px){
    .px2rem(padding-top,@px);
}
.pd(@px){
    .px2rem(padding,@px);
}
.br(@px){
    .px2rem(border-radius,@px);
}
.lt(@px){
    .px2rem(line-height,@px);
}
.head_1{
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   .h(150);
   .fz(45);
   border-bottom: 1px solid #ededed;
   p{
      .mt(19);
   }
   p:first-child{
       margin-left: 2%;
   }
   p:last-child{
       margin-right: 2%;
   }
}
.code{
    margin: auto;
    .mt(50);
     .w(554);
     .h(778);
//   display: flex;
//   justify-content: center;
     background: #eeeeee;
//   .pd(50);
    .pt(40);
     .code_box{
         margin: auto;
         .pd(20);
         .w(443);
         .h(438);
         display: flex;
         justify-content: center;
         background:#fff;
     }
     .hkmovie{
       .w(554);
       .h(290);
       .mt(16);
       display:flex;
       background: #fff;
       justify-content: space-between;
       align-items: center;
       border:1px solid #cccccc; 
       .left_box{
           .w(119);
           .h(119);
           .br(15);
           text-align: center;
           .ml(40);
           .lt(60);
           border: 1px solid #ccc;
       }
        .right_box{
            .ml(15);
           h2{
             
               font-weight: bold;
               .fz(32);
           }
           .p1{
                .mt(25);
                width:70%;
               .fz(26);
           }
        }
     }
}
